<template>
    <header class="header">
        <h1>todos</h1>
        <input id="toggle-all" class="toggle-all" type="checkbox" />
        <label for="toggle-all"></label>
        <input class="new-todo" placeholder="输入任务名称-回车确认" autofocus @keydown.enter="pushFn" v-model="val" />
    </header>
</template>

<script>
export default {
    data() {
        return {
            val: '',
        }
    },
    methods: {
        pushFn() {
            this.$emit('addFn', this.val)
            this.val = ''
        },
    },
}
</script>
